
{%include file="index.header.tpl.php"%}
{%include file="index.left.tpl.php"%}
  <style>
		@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width:1024px)  {
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		td { 
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left:44% !important; 
			padding-top:10px ;
		}
	    #mytable tr{ margin-bottom:20px;}
		td:before { 
			position: absolute;
			top:10px;
			left:8px;
			width: 45%; 
			padding-right:10px;
			white-space: nowrap;
		}
		    td:nth-of-type(1):before { content: "姓名"; }
			td:nth-of-type(2):before { content: "编号"; }
			td:nth-of-type(3):before { content: "性别"; }
			td:nth-of-type(4):before { content: "职称"; }
			td:nth-of-type(5):before { content: "学历"; }
			td:nth-of-type(6):before { content: "出生日期"; }
			td:nth-of-type(7):before { content: "入职时间"; }
			td:nth-of-type(8):before { content: "相片"; }
			td:nth-of-type(9):before { content: "附件"; }
			td:nth-of-type(10):before { content: "操作"; }
        }		
	</style>

  <!--主要内容开始-->
  <div class="content-wrapper">
    <section class="content">
      <div class="row">
        <section class="col-lg-12 connectedSortable">
         <div class="box box-default box-solid">
             <form name="myform" action="" method="get">	
                <div class="box-header with-border">
                    <span class="fa fa-pencil" style="float:left; font-size:18px; padding-top:3px; color:#3c8dbc;" ></span>
                    <p class="box-title">通讯录</p>
                </div>
                <div class="box-body">

					<div class="col-md-3 col-xs-12 form-group">
						  <label class="col-sm-4 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500; ">
							   姓名：
						  </label>
						  <div class="input-group col-md-8 col-xs-12">
							   <input type="text" class="form-control" value="{%$staff_name%}"  name="staff_name">
						  </div>						  
				    </div>
					<div class="col-md-3 col-xs-12 form-group">
						  <label class="col-sm-4 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500; ">
							   手机：
						  </label>
						  <div class="input-group col-md-8 col-xs-12">
							   <input type="text" class="form-control" value="{%$staff_mobile%}"  name="staff_mobile">
						  </div>						  
				    </div>
					<div class="col-md-3 col-xs-12 form-group">
						  <label class="col-sm-4 control-label text-right" style="padding-right:0; padding-left:0; font-weight:500; ">
							   固定电话：
						  </label>
						  <div class="input-group col-md-8 col-xs-12">
							   <input type="text" class="form-control" value="{%$satff_tel%}"  name="staff_tel">
						  </div>						  
				    </div>
					<div class="col-md-2 col-xs-12">
					   <input type="hidden" name="a" value="teacher.contactlist">
					   <button type="submit" class="btn btn-primary">查 询</button>
					</div>
                    <div style="clear:both; height:2px;"></div>
                     <table class="table table-bordered table-striped"  id="mytable">
                                <thead>
                                    <tr style="background-color:#fcba4b;">
                                        <td>编号</td>
                                        <td>姓名</td>
                                        <td>短号</td>
                                        <td>固定电话</td>
                                        <td>手机</td>
                                        <td>E-MAIL</td>
                                        <td>QQ</td>
                                    </tr>	
                                </thead>

                                <tbody>
                               {%foreach from=$staff_lists key=key item=value%}
                                    <tr>
                                          <td>{%$value.staff_id%}</td>
                                          <td>{%$value.staff_name%}</td>
                                          <td>{%$value.staff_skype%}</td>
                                          <td>{%$value.staff_fix%}</td>
                                          <td>{%$value.staff_tel%}</td>
                                          <td>{%$value.staff_email%}</td>
                                          <td>{%$value.staff_qq%}</td>
                                    </tr>	
                                 {%/foreach%}
                           
                               </tbody>
                        </table>
                        {%$page%}
				   </div><!--box-body -->
               </form>
           </div><!--box box-default box-solid-->
        </section>   
           
        </div><!--row-->
    </section>
 </div>
  <!--主要内容结束-->
 
  {%include file="index.footer.tpl.php"%}
